<template>
	<view class="container">
		<fu-navbar title="选择设备组" bgColor="#0f68f0" color="#fff" isBackText></fu-navbar>
		<view class="search-wrap">
			<view class="search-box">
				<image class="search" src="../../../static/images/search-0.png" mode="widthFix"></image>
				<input placeholder="设备名称组/设备名称" placeholder-class="pla-ipt" class="ipt flex-1" v-model="emName" @confirm="search" />
				<view class="btn" @click="search">搜索</view>
			</view>
		</view>
		<view class="list">
			<view class="item bg-f flex align-center padding-24 fs-28">
				<block>
					<image src="../../../static/images/select.png" class="select"></image>
					<!-- <image src="../../../static/images/select-action.png" class="select"></image> -->
				</block>
				<view class="">其他</view>
			</view>
			<view class="item bg-f flex align-center padding-24 fs-28">
				<block>
					<image src="../../../static/images/select.png" class="select"></image>
					<!-- <image src="../../../static/images/select-action.png" class="select"></image> -->
				</block>
				<view class="">压缩机组</view>
			</view>
		</view>
		<view class="btn-wrap">
			<view class="btn" @click="submit">确认</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			emName: ''
		}
	},
	onLoad() {
		
	},
	methods: {
		search() {
			
		}
	}
}
</script>

<style lang="scss" scoped>
.container {
	min-height: 100vh;
	background-color: #f3f5f8;
}
.search-wrap {
	padding: 16rpx 24rpx;
	.search-box {
		display: flex;
		align-items: center;
		background: #fff;
		border-radius: 8rpx;
		padding: 8rpx 0;
		.search {
			width: 38rpx;
			margin: 0 20rpx;
			flex-shrink: 0;
		}
		.ipt {
			color: #fff;
			font-size: 28rpx;
		}
		.pla-ipt {
			color: #b6b6b6;
		}
		.btn {
			flex-shrink: 0;
			width: 108rpx;
			height: 56rpx;
			border-radius: 56rpx;
			background-color: #1c91ff;
			color: #fff;
			text-align: center;
			line-height: 56rpx;
			font-size: 28rpx;
			margin-right: 8rpx;
		}
	}
}
.item {
	border-radius: 24rpx;
}
.select {
	width: 44rpx;
	height: 44rpx;
	margin-right: 24rpx;
}
.btn-wrap {
	height: 138rpx;
	.btn {
		position: fixed;
		bottom: 30rpx;
		width: 88%;
		left: 0;
		right: 0;
		margin: 0 auto;
		height: 98rpx;
		background-color: #007aff;
		text-align: center;
		line-height: 98rpx;
		text-align: center;
		font-size: 38rpx;
		color: #fff;
		border-radius: 12rpx;
		z-index: 9;
	}
}
</style>